<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>秋游攻略</title>
    <link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.0/dist/full.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {},
            },
            plugins: [require("daisyui")],
            daisyui: {
                themes: ["cupcake", "autumn", "light"],
            },
        }
    </script>
</head>
<body class="bg-gradient-to-b from-orange-100 to-yellow-50 min-h-screen">
    <div class="max-w-lg mx-auto p-4">
        <header class="mb-6">
            <h1 class="text-3xl font-bold text-orange-600 mb-2 text-center">秋游攻略</h1>
            <p class="text-center text-gray-500">金秋好时节，出游正当时</p>
        </header>

        <!-- 推荐理由 -->
        <section class="card bg-base-100 shadow mb-4">
            <div class="card-body">
                <h2 class="card-title text-lg text-orange-500">🍁 为什么选择秋游？</h2>
                <ul class="list-disc ml-5 text-gray-700 mt-2">
                    <li>气候宜人，温度适中，适合户外活动</li>
                    <li>秋叶斑斓，景色迷人，适合摄影打卡</li>
                    <li>丰收季节，美食丰富，体验采摘乐趣</li>
                    <li>人流相对较少，出行体验更佳</li>
                </ul>
            </div>
        </section>

        <!-- 景点推荐 -->
        <section class="card bg-base-100 shadow mb-4">
            <div class="card-body">
                <h2 class="card-title text-lg text-orange-500">🏞️ 秋游景点推荐</h2>
                <div class="grid gap-3 mt-2">
                    <div class="card bg-orange-50 p-3">
                        <h3 class="font-bold text-md">1. 城郊森林公园</h3>
                        <p class="text-sm text-gray-600">观赏红叶、野餐、徒步，享受自然氧吧。</p>
                    </div>
                    <div class="card bg-orange-50 p-3">
                        <h3 class="font-bold text-md">2. 采摘果园</h3>
                        <p class="text-sm text-gray-600">苹果、柿子、葡萄等时令水果采摘，体验丰收乐趣。</p>
                    </div>
                    <div class="card bg-orange-50 p-3">
                        <h3 class="font-bold text-md">3. 湖畔湿地公园</h3>
                        <p class="text-sm text-gray-600">观鸟、赏秋水、拍照打卡，适合亲子家庭。</p>
                    </div>
                    <div class="card bg-orange-50 p-3">
                        <h3 class="font-bold text-md">4. 古镇古村</h3>
                        <p class="text-sm text-gray-600">漫步老街，品尝秋季特色小吃，感受人文风情。</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- 装备清单 -->
        <section class="card bg-base-100 shadow mb-4">
            <div class="card-body">
                <h2 class="card-title text-lg text-orange-500">🎒 秋游装备清单</h2>
                <ul class="list-disc ml-5 text-gray-700 mt-2">
                    <li>舒适运动鞋、防滑登山鞋</li>
                    <li>轻便外套、帽子、围巾</li>
                    <li>水壶、保温杯、简易餐具</li>
                    <li>野餐垫、湿巾、垃圾袋</li>
                    <li>防晒霜、驱蚊液、创可贴</li>
                    <li>相机/手机、充电宝</li>
                    <li>身份证、少量现金</li>
                </ul>
            </div>
        </section>

        <!-- 注意事项 -->
        <section class="card bg-base-100 shadow mb-4">
            <div class="card-body">
                <h2 class="card-title text-lg text-orange-500">⚠️ 注意事项</h2>
                <ul class="list-disc ml-5 text-gray-700 mt-2">
                    <li>关注天气预报，适时增减衣物</li>
                    <li>遵守景区规定，保护环境</li>
                    <li>注意防火安全，禁止野外用火</li>
                    <li>结伴出行，照顾好老人和小孩</li>
                    <li>带好常用药品，预防过敏和感冒</li>
                    <li>拍照打卡时注意安全，勿靠近危险区域</li>
                </ul>
            </div>
        </section>

        <!-- 温馨提示 -->
        <section class="card bg-orange-100 shadow">
            <div class="card-body">
                <h2 class="card-title text-lg text-orange-500">🌟 温馨提示</h2>
                <p class="text-gray-700 mt-2">秋天是收获与美景的季节，带上好心情，和家人朋友一起享受大自然的馈赠吧！</p>
            </div>
        </section>

        <footer class="mt-8 text-center text-xs text-gray-400">
            &copy; 2024 秋游攻略 by AI助手
        </footer>
    </div>
</body>
</html> 